import React from "react";
import Badge from ".";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCommentDots } from '@fortawesome/free-solid-svg-icons';

const BadgeStory = {
    title: "UI组件/Badge",
    component: Badge
}

export default BadgeStory;

export const Default = () => <Badge count={5} />;

export const DotVariant = () => {
    return (
        <Badge show variant='dot'>
            <FontAwesomeIcon icon={faCommentDots} style={{ fontSize: "24px" }} />
        </Badge>
    );
}